import Vue from 'vue'
import App from './App.vue'

/**
 * vant组件库的使用
 * 1、下载 npm i vant@2  注意：使用vue2开发项目的时候，必须使用2版本的vant组件库
 * 
 *  vant组件库有3使用方式
 */ 
// 方式一：全部引入使用
// import Vant from "vant";
// import "vant/lib/index.css"
// Vue.use(Vant)

// 方式二：手动 按需引入
// import Button from "vant/lib/button";
// import "vant/lib/button/style";
// Vue.use(Button)

// 方式三 自动按需引入
// 1、下载插件 npm i babel-plugin-import -D
// 2、在babel.config.js中添加配置（配置看文档）
// 3、重新项目 执行 npm run serve
// 4、根据文档使用组件即可
// 相比手动按需引入，省略了样式的引入
// 注意：使用了自动按需引入的时候，再直接切换到“全部引入”使用的话会报错。
import { Button,Dialog,Form,Field } from 'vant';

Vue.use(Button)
Vue.use(Dialog)
Vue.use(Form);
Vue.use(Field);

new Vue({
  render: h => h(App),
}).$mount('#app')
